<!-- SCRIPTS -->
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-core.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-service.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-ui.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-mapevents.js"></script>

<!-- BODY -->
<h1>DOM Marker</h1>
<p>This example displays a movable map of <b>Chicago</b> with a single marker highlighting the location of Soldier Field (<i>41.8625°N, 87.6166°W</i>), home of the Chicago Bears. Marker displays the letter C<span> in the correct club colors.<br></span><br>The marker is capable of receiving  DOM (Document Object Model) events such as <code>mouseenter</code>, <code>mouseleave</code> etc. The marker will fade if the mouse pointer is placed over it.</p>
<hr/>
<div id="map" style="width: 600px; height: 400px; background: grey"></div>

